Orange on gray is hardly readable. Replace with 'chocolate'
which is darker then darkorange but not too reddish or brown.
Background grays are also lifted a small bit (should not
break the overall design).

(https://developer.mozilla.org/en-US/docs/Web/CSS/named-color)

Breaking the 'stream' output for the tables helps looking into
the page source. Every row starts on a new line, and the tables
appear as 'sections' now.

(BTW: body and html closing tags where added too, not needed,
but a bit more exemplary)